<template>
	<view class="page_box">
		<u-navbar :is-back="true" title=" " v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<view class="content-item flex flex-direction justify-center align-center">
				<text>支付金额</text>
				<view class="text-price f74 margin-top">3650.00</view>
			</view>
			<view class="content-item radio-content">
				<view class="pay-title">支付方式</view>
				<view class="radio-box">
					<view class="radio-item flex align-center justify-between" @click="select = 1">
						<view class="left flex align-center">
							<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_wxzf.png" style="width: 47rpx;height: 40rpx;"></image>
							<text class="margin-left-lg">微信支付</text>
						</view>
						<image 
							src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_select.png" 
							style="width: 29rpx;height: 22rpx;"
							v-show="select == 1"
						>
						</image>
					</view>
					<view class="radio-item flex align-center justify-between" @click="select = 2">
						<view class="left flex align-center">
							<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_qbzf.png" style="width: 47rpx;height: 40rpx;"></image>
							<text class="margin-left-lg">钱包支付</text>
						</view>
						<image
							src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_select.png" 
							style="width: 29rpx;height: 22rpx;"
							v-show="select == 2"
						>
						</image>
					</view>
					<view class="radio-item flex align-center justify-between" @click="select = 3">
						<view class="left flex align-center">
							<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_jfzf.png" style="width: 47rpx;height: 40rpx;"></image>
							<text class="margin-left-lg">积分支付</text>
						</view>
						<image
							src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_select.png" 
							style="width: 29rpx;height: 22rpx;"
							v-show="select == 3"
						>
						</image>
					</view>
				</view>
				<view class="mask-btn" @click="payBind">支付</view>
				
				<!-- 弹窗 -->
				<u-modal 
					v-model="modal_show" 
					:show-cancel-button="true" 
					title="支付" 
					content="是否确认支付6600积分	？"
					@confirm="confirm"
				>
				</u-modal>
			</view>


		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			select:1,
			modal_show:false,
		};
	},
	onShow() {
		
	},
	onLoad(e) {},
	methods: {
		payBind(){
			if (this.select == 3) this.modal_show = true
		},
		confirm(){
			uni.showToast({
				title:"支付成功",
				icon:"none"
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {

}

.content_box {
	.radio-content{
		margin-top: 100rpx;
		.pay-title{
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			font-size: 32rpx;
		}
		.radio-box{
			margin-top: 32rpx;
			.radio-item{
				height: 100rpx;						
			}
		}
	}
	.mask-btn{
		background: #4A515B;
		border-radius: 40rpx;
		padding: 24rpx 0;
		color: white;
		font-size: 28rpx;
		text-align: center;
		margin-top: 130rpx;
	}
}
</style>
